<template>
	<div id="main-navbar" class="navbar navbar-inverse" role="navigation">
				<button type="button" id="main-menu-toggle"><i class="navbar-icon fa fa-bars icon"></i><span class="hide-menu-text">HIDE MENU</span></button>
				<div class="navbar-inner">
					<div class="navbar-header">
						<a href="index.html" class="navbar-brand">
							<div><img alt="Pixel Admin" src="../../assets/images/logo-big.png"></div>
							后台管理系统
						</a>
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-navbar-collapse"><i class="navbar-icon fa fa-bars"></i></button>

					</div>
					<div id="main-navbar-collapse" class="collapse navbar-collapse main-navbar-collapse">
						<div>
							<ul class="nav navbar-nav">
								<li>
									<a href="#">首页</a>
								</li>
								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown">下拉菜单</a>
									<ul class="dropdown-menu">
										<li>
											<a href="#">第一项</a>
										</li>
										<li>
											<a href="#">第二项</a>
										</li>
										<li class="divider"></li>
										<li>
											<a href="#">第三项</a>
										</li>
									</ul>
								</li>
							</ul>
							<div class="right clearfix">
								<ul class="nav navbar-nav pull-right right-navbar-nav">

									<li class="nav-icon-btn nav-icon-btn-danger dropdown">
										<a href="#notifications" class="dropdown-toggle" data-toggle="dropdown">
											<span class="label">5</span>
											<i class="nav-icon fa fa-bullhorn"></i>
											<span class="small-screen-text">Notifications</span>
										</a>
										<div class="dropdown-menu widget-notifications no-padding" style="width: 300px">
											<div class="notifications-list" id="main-navbar-notifications">

												<div class="notification">
													<div class="notification-title text-danger">系统</div>
													<div class="notification-description"><strong>警告</strong>: 警告警告警告警告 <strong>461</strong>.</div>
													<div class="notification-ago">12h ago</div>
													<div class="notification-icon fa fa-hdd-o bg-danger"></div>
												</div>
												<div class="notification">
													<div class="notification-title text-info">订单</div>
													<div class="notification-description">你有 <strong>9</strong> 新订单.</div>
													<div class="notification-ago">12h ago</div>
													<div class="notification-icon fa fa-truck bg-info"></div>
												</div>
												<div class="notification">
													<div class="notification-title text-default">操作</div>
													<div class="notification-description">备份 <strong>"数据库"</strong> 已完成.</div>
													<div class="notification-ago">12h ago</div>
													<div class="notification-icon fa fa-clock-o bg-default"></div>
												</div>
												<div class="notification">
													<div class="notification-title text-success">系统</div>
													<div class="notification-description">服务器 <strong>更新</strong>.</div>
													<div class="notification-ago">12h ago</div>
													<div class="notification-icon fa fa-hdd-o bg-success"></div>
												</div>
												<div class="notification">
													<div class="notification-title text-warning">系统</div>
													<div class="notification-description"><strong>警告</strong>: 负载 <strong>92%</strong>.</div>
													<div class="notification-ago">12h ago</div>
													<div class="notification-icon fa fa-hdd-o bg-warning"></div>
												</div>
											</div>
											<a href="#" class="notifications-link">更多通知</a>
										</div>
									</li>
									<li class="nav-icon-btn nav-icon-btn-success dropdown">
										<a href="mail.ru" class="dropdown-toggle" data-toggle="dropdown">
											<span class="label">10</span>
											<i class="nav-icon fa fa-envelope"></i>
											<span class="small-screen-text">Income messages</span>
										</a>
										<div class="dropdown-menu widget-messages-alt no-padding" style="width: 300px;">
											<div class="messages-list" id="main-navbar-messages">

												<div class="message">
													<img src="../../assets/images/2.jpg" alt="" class="message-avatar">
													<a href="#" class="message-subject">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</a>
													<div class="message-description">
														from
														<a href="#">Robert Jang</a>
														&nbsp;&nbsp;·&nbsp;&nbsp; 2h ago
													</div>
												</div> 
											</div>
											<a href="#" class="messages-link">更多</a>
										</div>
									</li>
									<li>
										<form class="navbar-form pull-left">
											<input type="text" class="form-control" placeholder="搜索">
										</form>
									</li>

									<li class="dropdown">
										<a href="#" class="dropdown-toggle user-menu" data-toggle="dropdown">
											<img src="../../assets/images/1.jpg" alt="">
											<span>约翰</span>
										</a>
										<ul class="dropdown-menu">
											<li>
												<a href="#"><span class="label label-warning pull-right">New</span>文件</a>
											</li>
											<li>
												<a href="#"><span class="badge badge-primary pull-right">New</span>账户</a>
											</li>
											<li>
												<a href="#"><i class="dropdown-icon fa fa-cog"></i>&nbsp;&nbsp;设置</a>
											</li>
											<li class="divider"></li>
											<li>
												<a href="pages-signin.html"><i class="dropdown-icon fa fa-power-off"></i>&nbsp;&nbsp;退出</a>
											</li>
										</ul>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			</template>